import React, { PropTypes } from 'react';
import { connect } from 'dva';
import { routerRedux } from 'dva/router';
import { Menu, Breadcrumb, Icon, Collapse, Tabs} from 'antd';
const Panel = Collapse.Panel;
const TabPane = Tabs.TabPane;

import Bill from './user/Bill';
import Course from './user/Course';
import CostDetail from './user/CostDetail';
import PayDetail from './user/PayDetail';
import Subject from './user/Subject';

function Student(){
    return (
        <div className="normal">
            <Collapse bordered={false} defaultActiveKey={['1']} accordion>
              <Panel header="个人账单" key="1">
                  <Tabs defaultActiveKey="5" >
                    <TabPane tab="应缴金额" key="5">
                        <Bill />
                    </TabPane>
                    <TabPane tab="实缴金额" key="6">

                    </TabPane>
                    <TabPane tab="支出金额" key="7">

                    </TabPane>
                    <TabPane tab="剩余金额" key="8">

                    </TabPane>
                  </Tabs>
              </Panel>
              <Panel header="选修课程明细" key="2">
                  <Course />
              </Panel>
              <Panel header="缴费明显" key="9">
                  <CostDetail />
              </Panel>
              <Panel header="费用支出明显" key="3">
                  <PayDetail />
              </Panel>
              <Panel header="课程管理" key="4">
                  <Subject />
              </Panel>
            </Collapse>
        </div>
    )
}

export default Student;
